<div class="box-container">
    <!--<div class="left-panel">-->
    <!--<nz-tree-->
    <!--#objTreeComponent-->
    <!--[nzData]="listData"-->
    <!--[nzSelectedKeys]="currentNode"-->
    <!--nzExpandAll-->
    <!--(nzClick)="selectedAreaChanged($event)">-->
    <!--</nz-tree>-->
    <!--</div>-->

    <div class="right-panel">
        <div class="content-top-bar">
            <div class="search-box">
                <div>
                    所段选择：
                    <nz-cascader nzChangeOnSelect [(ngModel)]="gateIds" [nzLoadData]="loadGateData.bind(this)" (ngModelChange)="onGateChanges($event)"> </nz-cascader>
                </div>
                <div style="margin-left: 10px">
                    年份：
                    <nz-year-picker [(ngModel)]="year" (ngModelChange)="queryInfo()"></nz-year-picker>
                </div>
                <!--<div class="table-btn-group">-->
                    <!--<button nz-button nzType="primary" (click)="openModal()">水价修改</button>-->
                <!--</div>-->
            </div>
            <!--<div class="right-title">{{contentTitle}}</div>-->

            <!--<div class="right-ctrl-box">-->
            <!--<div style="margin-right: 20px">(水量： 万m³)</div>-->
            <!--</div>-->
        </div>
        <div class="main-content">
            <iframe [src]="iframeSrc" frameborder="0" (load)="iframeOnLoad()"></iframe>
            <nz-spin nzSimple [nzSize]="'large'" [nzSpinning]="loading">
            </nz-spin>
        </div>
    </div>
</div>
